<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/stype.css"/>
		<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	</head>
	<body>
		<nav class="navbar navbar-expand-lg navbar-light bg-light">
			<div class="container">
			<img src="img/logo-footer-2.png"/>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          	快速入门
        </a>
      <li class="nav-item">
        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">产品介绍</a>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">价格</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          	开发资源者
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">用户案例</a>
      </li>
      <li class="nav-item">
        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">博客</a>
    </ul>
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="search" placeholder="搜索" aria-label="搜索">
      <button class="btn btn-light my-2 my-sm-0" type="submit">搜索</button>
      <button type="button" class="btn btn-primary btn-sm">登录</button>
<button type="button" class="btn btn-secondary btn-sm">注册</button>
    </form>
  </div>
</nav>
</div>
<div class="container">
	<div class="carousel-inner text-center">
            <div class="carousel-item active">
                <h2>App、Web、物联网实时通讯云服务</h2>
                <p>专注于为需要实时数据交换的产品提供完美解决方案。支持包括手机、Web、智能设备的几乎所有平台。</p>
                <img src="img/play.png" alt=""><a href="#">立即观看</a>
            </div>
            <div class="carousel-item">
                <h2>App、Web、物联网实时通讯云服务</h2>
                <p>使用云巴，无需注册华为等开发者账号，极速集成推送功能</p>
               <img src="img/images/finger-push(1).png" alt="">
                <a href="">开启一键推送</a>
            </div>
            <div class="carousel-item">
                <h2>App、Web、物联网实时通讯云服务</h2>
                <p>云巴提供完整的共享单车解决方案，助力品牌快速投放，提供专业共享单车云平台服务</p>
                <img src="img/images/sdk-icon(1).png" alt="">
                <a href="">了解详情</a>
            </div>
        </div>
        <div class="text-center">
            <ol class="carousel-indicators">
                <li data-target="#carouselExampleIndicators" data-slide-to="0"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="1" ></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="2"  ></li>
            </ol>
        </div>
        <img src="img/home.png"/>
    </div>

<div class="guild">
	<div class="container">
		<div class="low">
			<h1>云巴TM助你打造最佳实时通讯</h1>
			<p>基于云巴的实时消息系统</p>
			<p>你可以轻松实现跨手机、浏览器、智能设备的实时通讯</p>
			<p>开发、部署大规模实时应用</p>
		</div>
</div>
<div class="btn">
	<h2>产品主要专区</h2>
</div>
<div class="ds">
<div class="card" style="width: 18rem;">
		  <img src="img/push.png" class="" alt="...">
		  <div class="card-body">
		    <h5 class="card-title">消息推送</h5>
		    <p class="card-text">Push Notification</p>
		  </div>  
	</div>
	
</div>


		
		
		
		
		
		
		
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.6/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
	</body>
</html>
